<template>
	<view id="app">
		  <KXDateTime :date='date' :end='enddate' :start='startdate' @rundata='kxdatetime' default='start' placeholder="请选择开始时间"></KXDateTime>
	</view>
</template>

<script>
    import KXDateTime from "@/components/kx-datetime/kx-datetime.vue"
    export default {
	  components: {KXDateTime},
	  data() {
		  return {
			date: '',
			enddate: '',
			startdate:new Date()
		  }
	  },
	  onShow() {
	  	console.log(this.startdate)
	  },
	  methods:{
		kxdatetime(e){
			console.log(e)
			this.date=e
		},
	  }
    }
</script>

<style lang="scss" scoped>
	#app {
		background-color: #FFFFFF;
		width: 702upx;
		margin: 0 24upx;
		min-height: 100vh;
	}
</style>
